<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>粉丝-圈子-品秀网</title>
   	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/pxmain${pageScope.pxmainCssVersion}.css" rel="stylesheet" type="text/css"></link>
    <!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" ></script>
    <script type="text/javascript">
    DD_belatedPNG.fix('.user-setting,.zan-ico, .ico-hit, .ico-laud, .icon-downlowd, .icon-share,.show-wall .show-pager span ,.model-logo-one');
    </script>
    <![endif]-->
</head>
<body>
<!-----------------------------header------------------------------------------>
<%@ include file="/common/sitenav.jsp"%>
	<jsp:include page="/common/home-header.jsp">
		<jsp:param value="circles" name="column" />
	</jsp:include>
<!-----------------------------header end------------------------------------------>

<section id="page1" class="vipPic">
    <section class="section vip-content clearfix">
<!-----------------------------left------------------------------------------->
        <jsp:include page="circle_left.jsp"/>
<!-----------------------------left-end------------------------------------------->

<!-----------------------------middle------------------------------------------->
			<article class="col-main lfloat">
            	<section class="main-wrap clearfix">
                	<!-----------------创建圈子-------------------------->
                	<div class="mtl mhl clearfix">
                    	<div class="lfloat circle-title">已有10人关注了你</div>
                        <div class="title-find pr rfloat">
                        	<form action="">
                                <input type="text" placeholder="查找" class="ipt">
                                <input type="submit" class="btn pa" value="">
                            </form>
                        </div>
                    </div>
                   <!--------------------------创建圈子 end--------------------------->
                   
                   <!--------------------------title-nav--------------------------->
                   <div class="underline mts">
                   </div>
                   <!--------------------------title-nav end--------------------------->
                   
                   <!--------------------------people--------------------------->
					<ul class="mhl clearfix mbl">
						<c:forEach var="fans" items="${fans}">
							<li class="underline clearfix pbs ptl" id="fans_${fans.id}">
	                        	<div class="userPic lfloat">
	                            	<a href="${ctx}/u/${fans.id}/home">
	                                	<img src="${imgUrl}/images/demo/userPic.jpg" title=""/>
	                                </a>
	                            </div>
	                            <div class="con clearfix">
	                                <div class="userName mbspace lfloat">
	                                    <a target="_blank"  href="${ctx}/u/${fans.id}/home" class="name">${fans.nickname}</a>
	                                </div>
	                                <div class="rfloat">
	                                    <button type="button" class="addFollow" onclick="removeFollowFn(${fans.id});">移除粉丝</button>
	                                </div>
	                            </div>
	                            <div class="con ">${fans.provinceName}　${fans.cityName}</div>
	                            <div class="con ">
	                            	<span class="mrxs">关注<a href="${ctx}/u/${fans.id}/follow">${fans.figure.follows}</a></span>
	                                <span class="mrxs">粉丝<a href="${ctx}/u/${fans.id}/fans">${fans.figure.fans}</a></span>
	                                <span class="mrxs">微博<a href="${ctx}/u/${fans.id}/post">${fans.figure.posts}</a></span>
	                            </div>
	                        </li>
						</c:forEach>
                    </ul>
                    <!---------------------分页------------------------------------>
                        <div class="pagination8 mtm">
                            <a class="prev-page" href="#"><span>上一页</span></a>
                            <span class="current-page">1</span>
                            <a class="next-page" href="#"><span>下一页</span></a>
                        </div>
                   <!--------------------------people end--------------------------->
                </section>
			</article>
<!-----------------------------middle end------------------------------------------->
	</section>
</section>

<!---------------------------------footer------------------------------------------>
<%@ include file="/common/footer.jsp"%>
<!-----------------------------------footer-end------------------------------------>
<script type="text/javascript" src="${cdn}/js/px/user/fans${pageScope.userFansJsVersion}.js"></script>
</body>
</html>
